<template>
  <box2 title="出货量">
    <div class="__content" id="productionSecond"></div>
  </box2>
</template>

<script setup lang="ts">
import box2 from '../../../compNew/box2.vue';
import { defineProps, watch } from 'vue'
import useBar from '../useBar';
import useData from '../useData';

const props = defineProps<{
  isComp: boolean
}>()
const { production, rate } = useData('production', props.isComp);

// console.log(production);

// useBar({
//   id: 'productionFirst',
//   data: production,
//   key: 'month'
// });
useBar({
  id: 'productionSecond',
  data: production,
  key: 'history',
  rate: rate
});
</script>

<style lang="scss" scoped>
.__content {
  height: 100%;
}
</style>
